<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>掌阅读书</title>
		<link rel="stylesheet" type="text/css" href="css/index_css.css" />
		<script>
			var nowShow = 1; //nowShow为当前显示的图像序号
			var sid;

			function show() {
				clearTimeout(sid);
				for(var i = 1; i < 4; i++) {
					//分别显示、隐藏对应图像
					if(i == nowShow) {
						document.getElementById("img" + nowShow).style.display = "";
					} else {
						document.getElementById("img" + i).style.display = "none";
					}
				}
				//设置下一个图像
				if(nowShow == 3) {
					nowShow = 1;
				} else {
					nowShow++;
				}
				sid = setTimeout('show()', 3000);

			}
		</script>
	</head>

	<body id="home" onload="show()">
		<div class="div1">
			<a href="index.html#home">
				<img src="img/37e7edb1-6e13-4215-acc4-347fa3d0d152.png" /></a>
		</div>

		<header class="head">
			<div class="div2">
				<nav class="navigation">
					<ul id="ul1">
						<li>
							<a class="on" href="index.html">首页</a>
						</li>
						<li>
							<a href="index_01.html">iReader阅读器</a>
						</li>
						<li>
							<a id="a1" href="index_02.html">产品中心</a>
							<ul id="dd2">
								<li>
									<a href="#">掌阅iReader</a>
								</li>
								<li>
									<a>掌阅听书</a>
								</li>
								<li>
									<a>掌阅课外书</a>
								</li>
								<li>
									<a>掌阅书城</a>
								</li>
								<li>
									<a>掌阅游戏</a>
								</li>
								<li>
									<a>wap书城</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="index_03.html">商务合作</a>
						</li>
						<li>
							<a href="index_04.html" id="a2">关于我们</a>
							<ul id="dd3">
								<li>掌阅介绍</li>
								<li>掌阅文化</li>
								<li>掌阅京东店</li>
								<li>掌阅动态</li>
								<li>掌阅我们</li>
							</ul>

						</li>
						<li>
							<a href="index_05.html">掌阅招聘</a>
						</li>

					</ul>

				</nav>
			</div>
		</header>
		<article class="Index" id="indexs">
			<!--	标签规定独立的自定义内容 如论坛帖子，报纸文章等-->
			<!--<div class="div3" onload="show()">
				<section class="S1" style="display: none;">
					<a href="/jayzers1" target="_blank">
						<img id="img1" src="img/index.png" alt="" />
					</a>
				</section>
				<section class="S2">
					<a href="/products/iReader" style="display: none;">
						<img src="img/index2.jpg" alt="" />
					</a>
				</section>
				<section class="S3">
					<a href=" /products/Listenbooks" style="display: none;">
						<img src="img/index3.jpg" alt="" />
					</a>
				</section>
				<em class="toLeft"></em> <em class="toRight"></em>
			</div>-->
			<div class="div3">
				<a href="#"><img id="img1" src="img/index.png" style="display: none; width: 100%; "></a>
				<img id="img2" src="img/index2.jpg" style="display: none; width: 100%; ">
				<img id="img3" src="img/index3.jpg" style="display: none; width: 100%; ">
			</div>
			<!--<a href="/jayzers1" target="_blank">
					<img id="img1" src="img/index.png" alt="" style=" display: none;" />
				</a>
				<a href="/products/iReader">
					<img id="img2" src="img/index2.jpg" alt="" style="  display: none;" />
				</a>
				<a id="img3" href=" /products/Listenbooks">
					<img src="img/index3.jpg" alt="" style=" display: none;" />
				</a>
				<em class="toLeft">toLeft</em> <em class="toRight">toRight</em>-->

			<!--aside标签定义其所处内容之外的内容，与其附近的内容相关，可用作文章的侧栏-->
			<div class="div4">
				<ul class="imgs">
					<li>
						<a href="/jobs"><img src="img/index4.jpg" alt="" /> </a>
					</li>
					<li>
						<a href="/jayzers2"><img src="img/index5.jpg" alt="" /> </a>
					</li>
					<li>
						<a href="http://www.iReader.com" target="_blank"><img src="img/index6.jpg" alt="" /> </a>
					</li>
					<li>
						<a href="/jayzers3"><img src="img/index7.jpg" alt="" /> </a>
					</li>
				</ul>
			</div>
			<footer class="thend">
				<div class="div5">
					<a href="/terms" title="法律声明">法律声明</a>
					<a href="/copyright" title="版权声明">版权声明</a>
					<a href="/privacy" title="隐私策略">隐私策略</a>
					<a href="/aboutour/contact-us" title="联系我们">联系我们</a>
				</div>
				<div class="div6">
					<span>
					<a href="http://www.ireader.com/static/images/papers/publishing_license_2018.jpg" target="_blank">出版物经营许可证</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="http://www.ireader.com/static/images/papers/icp.jpg" target="_blank">京ICP证090653号</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="/aboutour/publish" target="_blank">网络出版服务许可证 （总）网出证（京）字第 141 号</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="http://www.ireader.com/static/images/papers/document.jpg" target="_blank">网文证</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a id="font1">京ICP备11008516号</a>
				</span>
				</div>
				<div class="div7">
					<font id="font2">2018 All Rights Reserved 掌阅科技股份有限公司 版权所有</font>
				</div>
			</footer>
	</body>

</html>